.develop-banner{
    height:480px;
}
.develop-banner .swiper-container .ani {
    color:white;
}
.develop-banner .swiper-container .ani h2{
    font-size: 48px;
    font-weight: 600;
    margin-botom:28px;
}
.develop-banner .swiper-container .ani p{
    font-size: 28px;
    width:600px;
}
.develop-title {
    padding: 60px 0 50px 0;
}
.develop-title h3 {
    font-size: 34px;
    font-weight: 600;
    color: #3b426b;
}
.develop-title p {
    margin-top:15px;
    font-size: 22px;
    color: #5b6494;
}
.develop-icon {
    display: flex;
    justify-content: space-between;
}

.develop-icon .item {
    /*flex: 0 0 260px;*/
    text-align: center;
    background: #fff;

    height: 300px;
    width: 250px;
    box-shadow: 0 0 24px 0 rgba(184,195,211,0.35);
    box-sizing: border-box;
    position: relative;
}
.develop-icon .item:hover .hover{
    opacity: 1;
}

.develop-icon .item img {
    margin: 0 auto;
    padding-top:28px;
    padding-bottom: 36px;
    /*width:100%;*/
    /*height:100%;*/
    height:150px;
}

.develop-icon .item h4 {
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    color: #5b6494;

}

.develop-icon .item p {
    line-height: 1;
    font-size: 16px;
    color: #7d88a2;
    margin-bottom: 36px;
}
.develop-icon .item .hover {
    position: absolute;
    width: 100%;
    top: 0;
}

.develop-member .item span {
    font-size: 28px;
    font-weight: 600;
    color:#3b426b;
}
.develop-member right{
    float:right;
}
.develop-member left{
    float:left;
}
.develop-member .item img {
 position: relative;
    right:20px;
    bottom:-24px;
}
.develop-member .item p {
    width:496px;
    margin-top: 18px;
    font-size: 16px;
    line-height: 36px;
    color:#5d6494;
    margin-bottom: 32px;
}
.develop-worker {
    width:1120px;
    margin:0 auto;
}
.develop-worker .item {

    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height:84px;
    height: 84px;
    width: 250px;
    margin-right: 38px;
    margin-bottom: 40px;
    box-shadow: 0 4px 20px 0 rgba(146,181,234,0.2) ;
}
.develop-worker .item  img{
    margin:0 auto;
}
 .line-item{
    text-align: center;
    justify-content: space-around;
    margin-right:78px;
    padding-bottom:60px;

}
 .line-all {
    position: relative;
    left:12px;

}
 .out_container{
     width:100%;
     position: relative;
     height:440px;

 }
/*輪播*/
 .swiper-container {
    height: 442px;
     width:1120px;
     box-sizing: border-box;
     overflow: hidden;
}
.swiper-wrapper{
    width:346px;
    height: 442px;
}
 .anli {
    height: 442px;
    background: #f8f9ff;
    width: 346px;
    margin-right:40px;
}
.anli img{
    margin:0 auto;
}
.anli .wenzi {
    height:192px;
    padding:24px 18px ;
    box-sizing: border-box;
}
.anli .wenzi .lun-title{
    font-size: 18px;
    font-weight: 600;
    color:#3b426b;

}
 .anli .wenzi .line {
    height:4px;
    width: 24px;
    background: #3087ff;
    margin:20px 0;
}
.anli .wenzi .lun-type{
    font-size: 14px;
    color:#5D6494;
    margin-bottom: 3px;
}
.anli .wenzi .lun-content{
    font-size: 14px;
    color:#5D6494;
    line-height: 20px;
}
.out_container .swiper-button-prev {
    height:50px;
    width: 30px;
    position: absolute;
    left:300px;
    top:245px;
}
.out_container .swiper-button-next {
    height:50px;
    width: 30px;
    position: absolute;
    right:300px;
    top:245px;
}
.diy {
    text-align: center;
}
.diy .diy-title{
   font-size: 24px;
    color:#3B426B;
    padding-bottom: 18px;
}
.diy .diy-intro{

    font-size: 18px;
    color:#5d6494;
}
.diy-box{

    justify-content: center;
}
.diy-box .box-content{
    width:292px;
    margin-right: 110px;
    box-shadow: 0 4px 24px 0 rgba(205,231,255,0.65);
}
.box-content .box-title{
    height:60px;
    background: #f4f8ff;
    line-height: 60px;
}
.box-content .box-intro{


    height:284px;
    padding:36px 36px 25px;
    box-sizing: border-box;
}

.box-content .box-intro div{
  padding-top:40px;
    width:220px;
    font-size: 14px;
    color:#5d6494;
}
